﻿@model IEnumerable<JPSOFTWARE.BON.Modelos.DistribuidoraView>
@{  
    ViewBag.Title = "Bebida Social - Início";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<script src="@Url.Content("https://maps.google.com/maps/api/js?sensor=true&region=BR")" type="text/javascript"></script>
<link href="@Url.Content("~/Scripts/DataTables-1.9.4/media/css/jquery.dataTables.css")" type="text/css" rel="stylesheet" />
<link href="@Url.Content("~/Content/bootstrap/css/DT_bootstrap.css")" type="text/css" rel="stylesheet" />
<script src="@Url.Content("~/Scripts/DataTables-1.9.4/media/js/jquery.dataTables.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/DT_bootstrap.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Content/bootstrap/js/dataTables.bootstrap.js")" type="text/javascript"></script>

<!-- Modificado o input de Pesquisa do Datatables-->
<style type="text/css">
    input {
        width: 180px;
    }
</style>
<script type="text/javascript">
    var directionsService;
    var directionsRenderer;
    var mapDisplay;
    var IdProduto;

    $(document).ready(function () {
        $(".collapse").collapse();

        $('#tabelaProdutos').dataTable({
            "bStateSave": true,
            "bJqueryUI": true,
            "bRetrieve": true,
            "bLengthChange": true,
            "bFilter": true,
            "bSort": true,
            "bAutoWidth": false,
            "iDisplayLength": 15,
            "sDom": "<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>",
            "sPaginationType": "bootstrap",
            "oLanguage": {
                "sLengthMenu": "_MENU_ registros por página",
                "sInfoFiltered": "(filtrado de _MAX_ registros no total)",
                "sInfo": "Mostrando de <b>_START_</b> até <b>_END_</b> de <b> _TOTAL_</b> registros",
                "sZeroRecords": "Registro não encontrado.",
                "sInfoEmpty": "Mostrando de 0 até 0 de 0 registros",
                "sSearch": "Pesquisa:",
                "sProcessing": "Processando...",
                "sInfoFiltered": "(filtrado de _MAX_ registros no total)",
                "oPaginate":
		{
		    "sFirst": "Primeiro",
		    "sPrevious": "Anterior",
		    "sNext": "Próximo",
		    "sLast": "Último"
		}
            }
        });

        $("#Estado").change(function () {
            CarregarCidades($("#Estado option:selected").text());
        });

        var Empresa;
        var Descricao;
        var lat;
        var lon;
        var markersArray = [];
        var markers = [];
        //Mostra a distribuidora Selecionada
        var markersArraySelecionada = [];
        var geocoder;
        var distancia;
        var enderDe = "";
        var enderAte = "";

        if (navigator.geolocation) {
            navigator.geolocation.getCurrentPosition(function (position) {
                markerUsuario = new google.maps.Marker({
                    title: 'Você está aqui?',
                    icon: '@Url.Content("~/Content/bootstrap/img/marker_Usuario.png")',
                    position: new google.maps.LatLng(position.coords.latitude, position.coords.longitude),
                    draggable: true
                });

                enderDe = position.coords.latitude + ',' + position.coords.longitude;

                initialize();

            }, function () {
                handleNoGeolocation(true);
            });
        } else {
            handleNoGeolocation(false);
        }

        function updateMarkerPosition(latLng) {
            document.getElementById("txtEndereco").innerHTML = [
					latLng.lat(),
					latLng.lng()
            ].join(', ');
        }

        function handleNoGeolocation(errorFlag) {
            if (errorFlag) {
                var content = 'Erro: O serviço de Geolocalização falhou.';
            } else {
                var content = 'Erro: Seu browser não suporta geolocalização.';
            }
        }

        var map;
        var info = new google.maps.InfoWindow({ maxWidth: 200 });
        function initialize() {
            var options = {
                zoom: 12,
                center: markerUsuario.position,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };

            map = new google.maps.Map(document.getElementById("map"), options);

            geocoder = new google.maps.Geocoder();

            markerUsuario.setMap(map);

            google.maps.event.addListener(markerUsuario, 'click', function () {
                geocoder.geocode({ 'latLng': markerUsuario.getPosition() }, function (results, status) {
                    if (status == google.maps.GeocoderStatus.OK) {
                        if (results[0]) {
                            info.setContent('<strong>Você está aqui?</strong><br/>' + results[0].formatted_address);
                            info.open(map, markerUsuario);
                        }
                    }
                });
            });           

            google.maps.event.addListener(markerUsuario, 'dragend', function () {
                geocoder.geocode({ 'latLng': markerUsuario.getPosition() }, function (results, status) {
                    if (status == google.maps.GeocoderStatus.OK) {
                        if (results[0]) {
                            info.setContent('<strong>Você está aqui?</strong><br/>' + results[0].formatted_address);
                            info.open(map, markerUsuario);
                            enderDe = markerUsuario.getPosition();
                            calcRota(enderDe, enderAte);
                        }
                    }
                });
            });
            posicaoDasEmpresa();
            initializeDirections();
        }

        function initializeDirections() {
            var rendererOptions = {
                suppressMarkers: true
            };
            directionsService = new google.maps.DirectionsService();
            mapDisplay = new google.maps.DirectionsRenderer(rendererOptions);
            mapDisplay.setMap(map);
        }

        function posicaoDaEmpresa(id) {
            $.post("/Inicio/MostrarDistribuidoraSelecionadaNoMapa"+"/"+id, null, function (data) {
                for (var i = 0; i < data.length; i++) {
                    var obj = [];
                    Empresa = data[i].NomeEmpresa;
                    Descricao = data[i].Descricao;
                    lat = data[i].Latitude;
                    lon = data[i].Longitude;
                    id = data[i].IdDistribuidora;
                    obj.push(Empresa, Descricao, lat, lon, id);
                    markersArraySelecionada[i] = obj;
                    //markersArray[i] = obj;
                }
                mostrarNoMapaDistribuidoraSelecionada();
            });
        }

        function mostrarNoMapaDistribuidoraSelecionada() {
            for (var i = 0; i < markers.length; i++) {
                markers[i].setMap(null);
            }
            var infowindow = new google.maps.InfoWindow();
            var marker1 = new google.maps.Marker();
            var i;
            var bounds = new google.maps.LatLngBounds();

            for (i = 0; i < markersArraySelecionada.length; i++) {
                var pos = new google.maps.LatLng(markersArraySelecionada[i][2], markersArraySelecionada[i][3]);
                bounds.extend(pos);
                marker1 = new google.maps.Marker({
                    position: pos,
                    animation: google.maps.Animation.DRIVING,
                    icon: '@Url.Content("~/Content/bootstrap/img/marker_Distribuidora_Selecionada.png")',
                    map: map
                });
                google.maps.event.addListener(marker1, 'click', (function (marker1, i) {
                    return function () {
                        infowindow.setContent(markersArraySelecionada[i][1] +
						"<a href='javascript:VisualizarProdutoDistribuidora(" + markersArraySelecionada[i][4] + ")'><i class='icon-search'></i>&nbsp;Ver Produto</a>&nbsp;" + "|" +
						"<a href='javascript:VisualizarProdutosDistribuidora(" + markersArraySelecionada[i][4] + ")'>&nbsp;Ver todos os Produtos</a>");
                        infowindow.open(map, marker1);
                        enderAte = (markersArraySelecionada[i][2] + ',' + markersArraySelecionada[i][3]);
                        calcRota(enderDe, enderAte);
                    }
                })(marker1, i));
                //marker1.setMap(map);
                //map.fitBounds(bounds);
            }

            @*for (i = 0; i < markersArraySelecionada.length; i++) {
                var pos = new google.maps.LatLng(markersArraySelecionada[i][2], markersArraySelecionada[i][3]);
                bounds.extend(pos);
                marker1 = new google.maps.Marker({
                    position: pos,
                    animation: google.maps.Animation.DROP,
                    icon: '@Url.Content("~/Content/bootstrap/img/marker.png")',
                    map: map
                });
                google.maps.event.addListener(marker1, 'click', (function (marker1, i) {
                    return function () {
                        infowindow.setContent(markersArraySelecionada[i][1] +
						"<a href='javascript:VisualizarProdutoDistribuidora(" + markersArraySelecionada[i][4] + ")'><i class='icon-search'></i>&nbsp;Ver Produto</a>&nbsp;" + "|" +
						"<a href='javascript:VisualizarProdutosDistribuidora(" + markersArraySelecionada[i][4] + ")'>&nbsp;Ver todos os Produtos</a>");
                        infowindow.open(map, marker1);
                        enderAte = (markersArraySelecionada[i][2] + ',' + markersArraySelecionada[i][3]);
                        calcRota(enderDe, enderAte);
                    }
                })(marker1, i));
                //marker1.setMap(map);
                //map.fitBounds(bounds);
            }*@            
        }

        function posicaoDasEmpresa() {
            $.post("/Inicio/MostrarDistribuidoraNoMapa", null, function (data) {
                for (var i = 0; i < data.length; i++) {
                    var obj = [];
                    Empresa = data[i].NomeEmpresa;
                    Descricao = data[i].Descricao;
                    lat = data[i].Latitude;
                    lon = data[i].Longitude;
                    id = data[i].IdDistribuidora;
                    obj.push(Empresa, Descricao, lat, lon, id);
                    markersArray[i] = obj;
                }
                mostrarNoMapa();
            });
        }
                
        function mostrarNoMapa() {
            var infowindow = new google.maps.InfoWindow();
            var marker;
            var i;
            var bounds = new google.maps.LatLngBounds();
            
            for (i = 0; i < markersArray.length; i++) {
                var pos = new google.maps.LatLng(markersArray[i][2], markersArray[i][3]);
                bounds.extend(pos);
                marker = new google.maps.Marker({
                    position: pos,
                    animation: google.maps.Animation.DROP,
                    icon: '@Url.Content("~/Content/bootstrap/img/marker_Distribuidora.png")',
                    map: map
                });                
                
                markers.push(marker);

                google.maps.event.addListener(marker, 'click', (function (marker, i) {
                    return function () {
                        infowindow.setContent(markersArray[i][1] +
						"<a href='javascript:VisualizarProdutoDistribuidora(" + markersArray[i][4] + ")'><i class='icon-search'></i>&nbsp;Ver Produto</a>&nbsp;" + "|" +
						"<a href='javascript:VisualizarProdutosDistribuidora(" + markersArray[i][4] + ")'>&nbsp;Ver todos os Produtos</a>");
                        infowindow.open(map, marker);
                        enderAte = (markersArray[i][2] + ',' + markersArray[i][3]);
                        calcRota(enderDe, enderAte);
                    }                                       
                })(marker, i));
                //map.fitBounds(bounds);                
            }
        }

        function split(val) {
            return val.split(/,\s*/);
        }

        function extractLast(term) {
            return split(term).pop();
        }

        function clearOverlays() {
            if (markers) {
                for (i in markers) {
                    markers[i].setMap(null);
                }
            }
        }

        $("#txtBebidas").autocomplete({
            source: function (request, response) {
                $.ajax({
                    url: '/Inicio/ProdutoPorNome', type: "GET", dataType: "json",
                    data: { term: request.term },
                    term: extractLast(request.term),
                    success: function (data) {
                        response($.map(data, function (item) {
                            return { label: item.label.NomeProduto, value: item.label.IdProduto, idformatoMedida: item.label.IdFormatoMedida };
                        }))
                    }
                });
            },
            select: function (event, ui) {
                var location = null;
                IdProduto = ui.item.value;
                var IdFormatoMedida = ui.item.idformatoMedida;
                var bounds = new google.maps.LatLngBounds();
                var i;

                $.ajax({
                    url: '/Inicio/BuscarProdutoPorId', type: "POST", dataType: "json",
                    data: { "IdProduto": IdProduto },
                    success: function (data) {
                        if (data != null) {
                            clearOverlays();
                            markersArray = [];
                            for (i = 0; i < data.length; i++) {
                                var location = new google.maps.LatLng(data[i].Latitude, data[i].Longitude);
                                //bounds.extend(location);
                                //map.fitBounds(bounds);                                
                                    var obj = [];
                                    Empresa = data[i].NomeDistribuidora;
                                    Descricao = data[i].Descricao;
                                    lat = data[i].Latitude;
                                    lon = data[i].Longitude;
                                    id = data[i].IdDistribuidora;
                                    obj.push(Empresa, Descricao, lat, lon, id);
                                    markersArray[i] = obj;                                
                            }
                            mostrarNoMapa();                            
                        }
                    }
                });
                return false;
            },
            focus: function (event, ui) {
                $("#txtBebidas").val(ui.item.label);                
                return false;
            }
        });
        OcultarTabela();

        $("#txtBebidas").change(function () {
            if($("#txtBebidas").val() == "")
            {
                posicaoDasEmpresa();
            }
        });

        $("#txtDistribuidora").autocomplete({
            source: function (request, response) {
                $.ajax({
                    url: '/Inicio/DistribuidoraPorNome', type: "GET", dataType: "json",
                    data: { term: request.term },
                    term: extractLast(request.term),
                    success: function (data) {
                        response($.map(data, function (item) {
                            return { label: item.label.NomeDistribuidora + " - " + item.label.Cidade + "/" + item.label.Estado, value: item.label.IdDistribuidora };
                        }))
                    }
                });
            },
            select: function (event, ui) {
                var location = null;
                var IdDistribuidora = ui.item.value;
                var bounds = new google.maps.LatLngBounds();
                var i;

                $.ajax({                   
                    url: '/Inicio/BuscarDistribuidoraPorId', type: "GET", dataType: "json",
                    data: { "IdDistribuidora": IdDistribuidora },
                    success: function (data) {
                        if (data != null) {
                            for (i = 0; i < data.length; i++) {
                                var location = new google.maps.LatLng(data[i].Latitude, data[i].Longitude);
                                bounds.extend(location);
                                map.fitBounds(bounds);
                                //posicaoDaEmpresa(IdDistribuidora);                                
                            }                            
                        }
                    }
                });
                return false;
            },
            focus: function (event, ui) {
                $("#txtDistribuidora").val(ui.item.label);
                return false;
            }                        
        });

        //Google Analytics
        (function (i, s, o, g, r, a, m) {
            i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
                (i[r].q = i[r].q || []).push(arguments)
            }, i[r].l = 1 * new Date(); a = s.createElement(o),
  m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
        })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

        ga('create', 'UA-42001154-1', 'bebidasocial.com.br');
        ga('send', 'pageview');
    });

    function CarregarCidades(estado) {

        if (estado == "" || estado == null) {
            return null;
        }

        var action = $("#actionCarregarCidades").val() + "/" + 1;
        $.getJSON(action, null, CarregarCidadesCallback);
    }

    function CarregarCidadesCallback(retorno) {
        //Limpar os itens que são maiores que 0 ou seja: não retirar o primeiro item
        $("#IdCidade :gt(0)").remove();
        if (retorno != null) {
            $(retorno).each(function () {
                //adicionando as opções de acordo com o retorno
                $("#IdCidade").append("<option value='" + this.IdCidade + "'>" + this.Cidade + "</option>");
            });
        }
    }

    function VisualizarProdutoDistribuidora(IdDistribuidora) {
        if ($("#txtBebidas").val() == "") {
            var msg = "Selecione um produto para visualizar.";
            alert(msg);
            txtBebidas.focus();
        }
        else {
            var action = $("#actionVizualizarProdutoDistribuidora").val() + "?" + "&IdDistribuidora=" + IdDistribuidora + "&IdProduto=" + IdProduto;
            $.getJSON(action, null, VisualizarProdutoDistribuidoraCallback);
        }
    }

    function VisualizarProdutoDistribuidoraCallback(retorno) {
        $("#tabelaProdutos").dataTable().fnClearTable();
        if (retorno.Sucesso) {
            $("#lblDistribuidora").text(retorno.Objeto[0].Distribuidora);
            $("#lblTelefones").text(retorno.Objeto[0].Telefone + '/' + retorno.Objeto[0].Celular);
            $("#lblEnderecoCidadeEstado").text(retorno.Objeto[0].Endereco + ', ' + retorno.Objeto[0].CidadeDistribuidora + ', ' + retorno.Objeto[0].EstadoDistribuidora);
            $(retorno.Objeto).each(function (i, p) {
                var twitter = "<a href='https://twitter.com/share' data-hashtags='BebidaSocial' data-url='" + p.NomeProduto + "' class='twitter-share-button' data-text='Bebida: #" + p.NomeProduto + ", na(o) " + p.Distribuidora + "/" + p.EstadoDistribuidora + " por apenas R$ " + p.ValorUnitario + " p/unidade. www.bebidasocial.com.br' data-lang='en' data-count='horizontal'>Tweet</a>";
                //var linkAdicionarCarrinho = <div class="g-plusone" data-annotation="inline" data-width="300"></div>"
                var linkAdicionarCarrinho = "<a class='btn btn-small btn-primary' title='Adicionar' href='javascript:AdicionarCarrinho(" + p.IdProduto + ")'><i class='icon-shopping-cart icon-white'></i></a>";
                var menuOpcoes = "<div>" + linkAdicionarCarrinho + "</div>";
                $("#tabelaProdutos").dataTable().fnAddData([
					 p.NomeProduto,
						'R$ ' + p.ValorUnitario
				//p.NomeSituacao,
				//twitter
                ]);
            });
            MostrarTabela();
            $("html,body").animate({ scrollTop: $("#divTabelaProdutos").offset().top }, 1000);
        }
        else {
            OcultarTabela();
        }
    }

    function VisualizarProdutosDistribuidora(IdDistribuidora) {
        var action = $("#actionVizualizarProdutosDistribuidora").val() + "/" + IdDistribuidora;
        $.getJSON(action, null, VisualizarProdutosDistribuidoraCallback);
    }

    function VisualizarProdutosDistribuidoraCallback(retorno) {

        $("#tabelaProdutos").dataTable().fnClearTable();
        if (retorno.Sucesso) {
            $("#lblDistribuidora").text(retorno.Objeto[0].Distribuidora);
            $("#lblTelefones").text(retorno.Objeto[0].Telefone + '/' + retorno.Objeto[0].Celular);
            $("#lblEnderecoCidadeEstado").text(retorno.Objeto[0].Endereco + ', ' + retorno.Objeto[0].CidadeDistribuidora + ', ' + retorno.Objeto[0].EstadoDistribuidora);
            $(retorno.Objeto).each(function (i, p) {
                //!function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = "https://platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs); } } (document, "script", "twitter-wjs");
                //var twitter = "<a href='https://twitter.com/share' data-hashtags='BebidaSocial' data-url='" + p.NomeProduto + "' class='twitter-share-button' data-text='Bebida: #" + p.NomeProduto + ", na(o) " + p.Distribuidora + "/" + p.EstadoDistribuidora + " por apenas R$ " + p.ValorUnitario + " p/unidade. www.bebidasocial.com.br' data-lang='en' data-count='horizontal'>Tweet</a>";
                //var linkAdicionarCarrinho = "<a class='btn btn-small btn-primary' title='Adicionar' href='javascript:AdicionarCarrinho(" + p.IdProduto + ")'><i class='icon-shopping-cart icon-white'></i></a>";
                //var menuOpcoes = "<div>" + googleplus + "</div>";
                $("#tabelaProdutos").dataTable().fnAddData([
					 p.NomeProduto,
						'R$ ' + p.ValorUnitario
				//p.NomeSituacao,
				//"<iframe src='//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Freference%2Fplugins%2Flike&amp;width=150&amp;height=21&amp;colorscheme=light&amp;layout=button_count&amp;action=like&amp;show_faces=false&amp;send=false' scrolling='no' frameborder='0' style='border:none; overflow:hidden; width:150px; height:21px;' allowTransparency='true'></iframe>"
                ]);
            });
            MostrarTabela();
            $("html,body").animate({ scrollTop: $("#divTabelaProdutos").offset().top }, 1000);
        }
        else {
            OcultarTabela();
        }
    }

    function calcRota(endDe, endPara) {
        //var local_1 = { location: 'AVENIDA ONZE DE JUNHO, 52, SÃO PAULO - SP' };
        //var local_2 = { location: 'RUA CEL. MURSA, 10, SÃO PAULO - SP' };
        //var local_3 = { location: 'RUA CAMPOS SALLES, 214, BOTUCATU - SP' };
        var request = {
            origin: endDe,
            destination: endPara,
            travelMode: google.maps.DirectionsTravelMode.DRIVING//,
            //waypoints: new Array(local_1, local_2, local_3)
        };

        directionsService.route(request, function (response, status) {
            $("#panel").html("");
            var elem = null;
            if (status == google.maps.DirectionsStatus.OK) {
                var i, txt;
                elem = document.getElementById('panel');
                var rota = response.routes[0];
                var etapa;
                mapDisplay.setDirections(response);

                distancia = 0;
                //            txt = '<div class="span10 well"><h4>Quantidade de rotas encontradas: ' +
                //                       response.routes.length.toString() + '</h4>';

                //            /* O caminho começa no endereço de início da primeira "perna" e termina
                //            no fim da última "perna" do trajeto. */
                //            txt = txt + 'Percurso indo de: <b><p>' + rota.legs[0].start_address +
                //            '</p></b> Até: <p><b>' +
                //            rota.legs[rota.legs.length - 1].end_address +
                //            '</p></b>.<br /></div><br />';

                //            elem.innerHTML = txt;

                for (i = 0; i < rota.legs.length; i++) {
                    etapa = rota.legs[i];
                    txt = '<h5 class="span4"><i class="icon-time"></i>&nbsp;Duração Prevista : ' + etapa.duration.text + ' (Carro)</h5>';
                    elem.innerHTML = elem.innerHTML + txt;
                    distancia += etapa.distance.value;
                }
                txt = '<h5 class="span5"><i class="icon-road"></i>&nbsp;Distância Total : ' + distancia.toString() + ' metros, cerca de ' + Math.round(distancia / 1000).toString() + ' Km.</h5>';
                elem.innerHTML = elem.innerHTML + txt;

                /* Informações de copyright são obrigatórias */
                elem.innerHTML = elem.innerHTML + '<i>' + rota.copyrights + '</i><br />';
            }
        });
        $("#panel").show();
    }

    function AdicionarCarrinho(id) {
        $.ajax({
            url: '/Inicio/AdicionarItemCarrinho', type: "POST", dataType: "text",
            data: { "IdProduto": id },
            success: Resultado()
        });
    }

    function Resultado() {
        alert("Adicionado ao Carrinho.");
    }

    function OcultarTabela() {
        $("#divTabelaProdutos").hide('slow');
    }

    function MostrarTabela() {
        $("#divTabelaProdutos").show('slow');
    }

</script>
@Html.Hidden("actionVizualizarProdutosDistribuidora", Url.Action("VizualizarProdutosDistribuidora", "Inicio"))
@Html.Hidden("actionVizualizarProdutoDistribuidora", Url.Action("VizualizarProdutoDistribuidora", "Inicio"))
@Html.Hidden("actionAdicionarItemCarrinho", Url.Action("AdicionarItemCarrinho", "Inicio"))
@Html.Hidden("actionCarregarCidades", Url.Action("CarregarCidades", "Inicio"))
<div class="row-fluid">
    <div class="input-prepend input-append span6">
        <span class="add-on"><strong>Nome: </strong></span>
        <input class="input-450" id="txtBebidas" type="text" placeholder="Digite o nome da bebida que você procura" />
    </div>
    <div class="input-prepend input-append span6">
        <span class="add-on"><strong>Distribuidora: </strong></span>
        <input class="input-450" id="txtDistribuidora" type="text" placeholder="Digite o nome da distribuidora que você procura" />
    </div>
</div>
<div id="panel" hidden="hidden" style="background-color: #fafafa; background: #ddeecb; text-align: center;">
</div>
<div class="row-fluid">
    <div class="span12">
        <div id="map" style="height: 400px; margin-bottom: 0px;">
        </div>
        <div class="alert alert-danger"><button type="button" class="close" data-dismiss="alert">&times;</button><strong>Instruções:</strong><span> O bonequinho indica sua posição aproximada. Clique sobre ele e arraste-o para uma outra posição, se desejar.</span></div>
    </div>
    <div id="divTabelaProdutos">
        <fieldset>
            <legend id="lblDistribuidora" style="font-size: x-large; color: #0e44c0; font-weight: bold;"></legend><i class="icon-home"></i>&nbsp;<strong id="lblEnderecoCidadeEstado"></strong>
            <br />
            <strong id="lblTelefones"></strong>
            <br />
            <p></p>
            <table id="tabelaProdutos" cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered">
                <thead>
                    <tr>
                        <th style="width: 360px;">Produto
                        </th>
                        <th style="width: 40px;">Valor
                        </th>
                        @*						<th style="width: 40px;">
							Situação
						</th>*@ @*<th style="width: 60px;">
						</th>*@
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </fieldset>
    </div>
</div>
